<!DOCTYPE html>
<html>
  <style> 
  #customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color:blanchedalmond;}

#customers tr:hover {background-color:burlywood;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: darkcyan;
  color:cornsilk;
}
    body {
      background:url("zz.webp")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
      background-size:cover;  /* 让背景图基于容器大小伸缩 */
      background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */  
      background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */
    }
    </style>
   
  <head>
    <meta charset="utf-8" />
    <style>
  nav ul li{
    display:inline-block;
    text-align: center;
    
  }
  p{
    
  }
   
     
     
    </style>
    <style type="text/css">
      h1{
        font-size: 50px;
        text-align:center ;
        
      }
       
        a:hover{
            color:green;
           
        }
        a{
            color: black;
            text-decoration: none;
            margin:50px 50px 50px 210px;
            text-align: center;
            font-size: 30px;
        }
        div{
          margin:40px 40px 0px 200px;
          float: left;
        }
        div img{
          border:solid 5px brown;
         
        }
       
 p{
  text-align: center;
 }
 footer {
  background-color: lightblue;
}


    </style>
    <h1 >中国知名电影导演</h1>
  </head>

  <body>
    <header>
      <nav>
        <ul>
          
          <li><a href="https://www.bilibili.com/video/BV1Gs411H7bf/?spm_id_from=333.999.0.0">姜文</a></li>
         
         <li><a href="https://www.bilibili.com/video/BV1ps411W7e6/?spm_id_from=333.337.search-card.all.click">李安</a></li>
         
          <li><a href="https://www.bilibili.com/video/BV1E54y1Y7e1/?spm_id_from=333.337.search-card.all.click">王家卫</a></li>
          
          <li><a href="https://www.bilibili.com/video/BV1kS4y1A7Ac/?spm_id_from=333.999.0.0">张艺谋</a></li>
          
        </ul>
      </nav>
</header>
<main>

      <table id="customers">
        <tr>
         <th id="r1">姓名</th>
         <th>出生地</th>
        <th>出生日期</th>
        <th>毕业院校</th>
      
        </tr>
        <tr>
      <td id="r1">姜文</td>
        <td >河北省唐山市</td>
        <td>1963年1月5日</td>
        <td>中央戏剧学院</td>
        </tr>
        <tr>
        
        <td id="r1">李安</td>
        <td>中国台湾省屏东县潮州镇</td>
        <td>1954年10月23日</td>
        <td>台湾艺术大学、伊利诺伊大学香槟分校、纽约大学</td>
    
        </tr>
        <tr>
        
          <td id="r1">张艺谋</td>
          <td>陕西西安</td>
          <td>1950年4月2日</td>
          <td>北京电影学院</td>
      
          </tr>
          <tr>
        
            <td id="r1">王家卫</td>
            <td>中国上海</td>
            <td>1958年7月17日</td>
            <td>香港理工大学</td>
        
            </tr>

        </table>
        
        <p style:"text-align:center" >代表作品</p>
        <div>
        <img src="红高粱.webp"width="400" height="400">
   

        <p>第38届柏林国际电影节金熊奖获奖</p>
      
        </div>
        <div>
       <img src="色戒.webp"width="400" height="400">
       <p>第64届威尼斯电影节金狮奖获奖</p>
      </div>
      <div>
       <img src="花样年华.webp"width="400" height="400">
       <p>第13届欧洲电影奖最佳外语片奖获奖</p>
      </div>
      <div>
         <img src="鬼子来了.webp"width="400" height="400">
         <p>第53届戛纳电影节主竞赛单元-评审团大奖获奖</p>
        </div>
        
      
        
    </main>
  
   
    <div>
    
    <footer>
      <style>
        p{
          text-align:center;
          font-size:25px;
        }
      </style>
      <p >抵制垃圾片，是每一个热爱电影人的职责，这个职责我们要担起来。重塑影坛荣光，我辈义不容辞</p>
    </footer>
 
  </div>

   
   
</div>
  </body>
</html>